<html>
<head>

<script type="text/javascript" src="${servletURL}?op=emb&resource=finereport.js"></script>
<script type="text/javascript" src="${servletURL}?op=resource&resource=/com/fr/web/core/js/write.js"></script>
<script type="text/javascript" src="${servletURL}?op=resource&resource=/com/fr/web/core/js/excanvas.js"></script>
<script type="text/javascript" src="${servletURL}?op=resource&resource=/com/fr/web/core/js/chart.constants.js"></script>
<script type="text/javascript" src="${servletURL}?op=resource&resource=/com/fr/web/core/js/chart.js"></script>
<script type="text/javascript">
		
			function draw() {
				var bg_canvas = document.getElementById("bg_${id}");
				var bg_ctx = bg_canvas.getContext("2d");
				bg_ctx.clearRect(0,0, ${width},${height});
				
				var fg_canvas = document.getElementById("fg_${id}");
				var fg_ctx = fg_canvas.getContext("2d");
				fg_ctx.clearRect(0,0, ${width},${height});
				
				var chartGlyph1 = new ChartGlyph(${chartAttr});
				chartGlyph1.bounds = new Bounds(0,0,${width},${height});
				
				chartGlyph1.draw(bg_ctx, fg_ctx);
			}
		
		</script>
</head>

<body STYLE= "background-color:transparent" onload="draw();">
	<div style="position: absolute; left: 0; top: 0; z-index: 1" width="${width}" height="${height}">
	<canvas id="bg_${id}" width="${width}" height="${height}"></canvas>
	</div>
	<div style="position: absolute; left: 0; top: 0; z-index: 2" width="${width}" height="${height}">
	<canvas id="fg_${id}" width="${width}" height="${height}"></canvas>
	</div>
	<div style="position: absolute; left: 0; top: 0; z-index: 3;" width="${width}" height="${height}">
	${img}
	</div>
</body>

</html>